// 入口函数
$(function () {

    // 需求1 获取用户信息渲染欢迎和头像
    getUserinfo()

    // 需求2 退出按钮
    $('#logout').on('click',function(){
        layer.confirm('确认退出登录吗?', { icon: 3, title: '提示' }, function (index) {
            //do something
            // 销毁token 跳转到登录页面 
            localStorage.href = '/login.html'
            localStorage.removeItem('token')
            // 自带的代码  关闭询问框
            layer.close(index);
        });
    })

})

// 把方法封装成全局函数 后面用
// 一定要保证这个函数是全局函数
function getUserinfo() {
    axios({
        method: 'GET',
        url: '/my/userinfo',
        headers: {
            Authorization: localStorage.getItem('token')
        },
    }).then(function (res) {
        if (res.data.status !== 0) {
            return layui.layer(res.data.message)
        }
        renderAvatar(res.data.data)
    })

    function renderAvatar(user) {
        let name = user.nickname || user.username
        $('.welcome').html('欢迎'+name)
        if(user.user_pic !== null) {
             // 如果有图片渲染图片头像  隐藏文字 显示图片头像
             $('.avter-text').hide()
             $('.layui-nav-img').show().attr('src',user.user_pic)
        }else{
              // 如果有文字渲染图片头像  显示文字 隐藏图片头像  首字母大写
              $('.layui-nav-img').hide()
              let first = name[0].toUpperCase()
              $('.avter-text').show().html(first)
        }
    }



}